<!DOCTYPE html>
<html data-pay="w3">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta name="keyword" content="慕优酷" /> 
  <meta name="description" content="慕优酷" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /> 
   
	<link rel="Shortcut Icon" href="/static/index/img/favicon.ico">
  <title>创作中心 - 慕优酷</title> 
  <style id="dynamic_theme_custom_style">:root {--body-bg-color:#16161A;--area-bg-color:#1e1e24;--area-bg-color2:rgba(255,255,255,0.05);--btn-color:rgba(255,255,255,0.6);--title-color:rgba(255,255,255,0.87);--default-text-color:rgba(255,255,255,0.38);--default-primary-color:#0D9BFF;--btn-bg-color:#23232C;}</style>
  
  <link rel="stylesheet" href="/static/index/css/extra.chunk.css" />
<script src='/static/index/js/jquery-3.4.1.min.js' type='text/javascript'></script>
 
  <style type="text/css">div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}#checkout_counter_popup{font-family:"PingFang SC","Avenir Next","Avenir","Helvetica Neue",sans-serif !important;box-sizing:border-box}#checkout_counter_popup div,#checkout_counter_popup h1,#checkout_counter_popup h2,#checkout_counter_popup ul,#checkout_counter_popup li,#checkout_counter_popup ol,#checkout_counter_popup span,#checkout_counter_popup a,#checkout_counter_popup table,#checkout_counter_popup p,#checkout_counter_popup input,#checkout_counter_popup button,#checkout_counter_popup tr,#checkout_counter_popup td,#checkout_counter_popup th,#checkout_counter_popup img{box-sizing:border-box}#checkout_counter_popup *:before,#checkout_counter_popup *:after{box-sizing:inherit}#checkout_counter_mask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:9998}#checkout_counter_popup{position:fixed;top:50%;left:50%;width:820px;height:682px;background-color:#ffffff;z-index:9999;border-radius:3px;transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);-o-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1)}[data-pay="w1"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.9);-webkit-transform:translate(-50%, -50%) scale(0.9);-moz-transform:translate(-50%, -50%) scale(0.9);-o-transform:translate(-50%, -50%) scale(0.9);-ms-transform:translate(-50%, -50%) scale(0.9)}[data-pay="w2"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);-o-transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8)}[data-pay="w3"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.75);-webkit-transform:translate(-50%, -50%) scale(0.75);-moz-transform:translate(-50%, -50%) scale(0.75);-o-transform:translate(-50%, -50%) scale(0.75);-ms-transform:translate(-50%, -50%) scale(0.75)}.cc_header{height:60px;background:rgba(32,33,35,0.9);border-top-left-radius:3px;border-top-right-radius:3px}#cch_member_info{display:inline-block;height:60px}.cch_send_gift{display:none;float:right;margin-top:17px;margin-right:35px;padding-left:31.5px;height:25px;line-height:25px;font-size:16px;color:#EDD797;background-position:0 0;background-repeat:no-repeat;background-image:url()}.cchmi_icon{float:left;display:inline-block;margin:11px 0 11px 29px;width:38px;height:38px;border-radius:50%}.cchmi_name{float:left;display:inline-block;margin-left:7px;height:60px;line-height:60px;font-size:18px;color:#FFFFFF}.cchmi_vip_level{display:inline-block;margin:17px 0 18px 10px;padding:0 10px;height:25px;line-height:25px;font-size:14px;color:#1C1C1C;background-image:linear-gradient(-234deg, #DAB873 0%, #D1AF6A 20%, #AD8B46 100%);border-radius:12px 0 12px 0}.cchmi_login{display:inline-block;margin:15px 0 15px 20px;padding:0 25px;height:30px;line-height:30px;font-size:15px;color:#292929;border-radius:25px;background-color:#e3b561;background-image:linear-gradient(180deg, #e8c98a, #e3b662);cursor:pointer;border:none}.cchmi_login:focus{outline:none}.cc_popup_close{float:right;margin-top:22px;margin-right:28px;width:15px;height:15px;cursor:pointer;background-position:0 0;background-repeat:no-repeat;background-image:url()}#cch_coin_count{float:right;margin-right:40px;height:60px;line-height:60px;font-size:18px;color:#828282}#cc_err_hint{display:none;position:fixed;top:60px;padding-left:13px;width:100%;height:32px;line-height:32px;font-size:14px;color:#5D4C15;background:#F3E4AB;transform:translate3d(0);-webkit-transform:translate3d(0);-moz-transform:translate3d(0);-o-transform:translate3d(0);-ms-transform:translate3d(0);background-position:797px 9px;background-repeat:no-repeat;background-image:url();background-size:14px 14px;cursor:pointer}#cc_mem_types{height:70px}#cc_body{height:552px;overflow:auto}.ccmt_item{float:left;overflow:hidden;height:70px;background:#EFEFEF;text-align:center;cursor:pointer}.ccmt_item.current{background:#fff}.ccmt_item.ccmt_single{box-shadow:0 0 4px #dcdcdc inset}.ccmt_item .ccmt_name{display:inline-block;margin:8px auto 0;padding:0 0 0 35px;height:33px;line-height:33px;font-size:20px;background-position:0 3px;background-size:26px 26px;background-repeat:no-repeat}.ccmt_item .ccmt_desc{margin-top:3px;font-size:12px}.ccmt_item_coin{padding:12px 0 13px 30px;width:820px;height:70px}.ccmt_item_coin .ccmt_name{height:25px;line-height:25px;font-size:18px}.ccmt_item_coin .ccmt_desc{height:20px;line-height:20px;font-size:14px}#cc_products{min-height:230px}@font-face{font-family:'AkrobatWeb';src:url("https://g.alicdn.com/youkuvip_fe/vip-h5-assets/0.0.159/font/Akrobat-ExtraBold.otf") format("opentype")}.ccp_top_desc{margin-top:10px;padding:0 30px;height:25px;overflow:hidden}.ccp_top_desc .ccptd_title{font-size:18px;line-height:25px;color:#000}.ccp_top_desc .ccp_activate{float:right;font-size:16px;line-height:25px;color:#000}.ccp_one_item_list,.ccp_two_item_list,.ccp_three_item_list,.ccp_four_item_list{margin-top:18px;height:138px}.ccp_one_item_list,.ccp_two_item_list{width:100%}.ccp_one_item_list .ccpoil_product,.ccp_two_item_list .ccpoil_product{position:relative;margin:auto;height:100%;border:1px solid #E0E0E0;cursor:pointer}.ccp_one_item_list .ccpoil_product .ccpoil_wrapper,.ccp_two_item_list .ccpoil_product .ccpoil_wrapper{position:absolute;display:inline-block;height:48px}.ccp_one_item_list .ccpoil_product .ccpoil_currency,.ccp_one_item_list .ccpoil_product .ccpoil_final_price,.ccp_one_item_list .ccpoil_product .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product .ccpoil_currency,.ccp_two_item_list .ccpoil_product .ccpoil_final_price,.ccp_two_item_list .ccpoil_product .ccpoil_origin_price{vertical-align:bottom;margin-bottom:0;display:inline-block;font-weight:lighter}.ccp_one_item_list .ccpoil_product .ccpoil_currency,.ccp_two_item_list .ccpoil_product .ccpoil_currency{font-size:19px;line-height:26px;color:#896623}.ccp_one_item_list .ccpoil_product .ccpoil_final_price,.ccp_two_item_list .ccpoil_product .ccpoil_final_price{font-size:48px;line-height:48px;height:48px;color:#EBAF5B;font-family:"AkrobatWeb";letter-spacing:0}.ccp_one_item_list .ccpoil_product .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product .ccpoil_origin_price{font-size:16px;line-height:23px;color:#626262;text-decoration:line-through}.ccp_one_item_list .ccpoil_product .ccpoil_ad,.ccp_two_item_list .ccpoil_product .ccpoil_ad{display:none;position:absolute;display:inline-block;top:-10px;width:46px;height:21px;background-size:cover}.ccp_one_item_list .ccpoil_product .ccpoil_ad_left_top,.ccp_two_item_list .ccpoil_product .ccpoil_ad_left_top{position:absolute;display:inline-block;padding:0 6px;top:-12px;left:0;height:22px;line-height:22px;color:#fff;background:#FF6F3B;border-radius:9px 0 9px 0}.ccp_one_item_list .ccpoil_product.current,.ccp_two_item_list .ccpoil_product.current{background:#FFF7EB;border:1px solid #E8C895}.ccp_one_item_list .ccpoil_product.current .ccpoil_product_name,.ccp_two_item_list .ccpoil_product.current .ccpoil_product_name{color:#5B3301}.ccp_one_item_list .ccpoil_product.current .ccpoil_currency,.ccp_two_item_list .ccpoil_product.current .ccpoil_currency{color:#896623}.ccp_one_item_list .ccpoil_product.current .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product.current .ccpoil_origin_price{color:#626262}.ccp_one_item_list .ccpoil_product.current .ccpoil_marketing,.ccp_two_item_list .ccpoil_product.current .ccpoil_marketing{color:#6D4F17}.ccp_one_item_list .ccpoil_product{width:486px}.ccp_one_item_list .ccpoil_product_wrapper{position:absolute;top:50%;left:57px;width:225px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%)}.ccp_one_item_list .ccpoil_product_name{font-size:20px;font-weight:bold;color:#6B6B6B;line-height:24px}.ccp_one_item_list .ccpoil_marketing{font-size:12px;line-height:16px;color:#000}.ccp_one_item_list .ccpoil_wrapper{height:48px;left:283px;top:42px;min-width:200px;max-width:281px;text-align:center}.ccp_one_item_list .ccpoil_ad{top:-9px;left:460px}.ccp_two_item_list{padding-left:30px}.ccp_two_item_list .ccpoil_product{display:inline-block;margin-right:17px;width:371px;vertical-align:top}.ccp_two_item_list .ccpoil_product_name{position:absolute;top:53px;left:25px;width:185px;font-size:20px;line-height:1;font-weight:bold;color:#6B6B6B;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_two_item_list .ccpoil_marketing{position:absolute;font-size:12px;line-height:1;color:#000}.ccp_two_item_list .ccpoil_wrapper{height:48px;left:214px;top:42px;width:155px;text-align:center}.ccp_two_item_list .ccpoil_marketing{top:77px;left:25px}.ccp_two_item_list .ccpoil_ad{left:341px}.ccp_three_item_list .ccpoil_product{width:230px}.ccp_three_item_list .ccpoil_ad{left:200px}.ccp_three_item_list .ccpoil_color_marketing{left:0;bottom:0}.ccp_four_item_list .ccpoil_product{width:167px}.ccp_four_item_list .ccpoil_ad{left:143px}.ccp_four_item_list .ccpoil_color_marketing{left:0;bottom:0}.ccp_three_item_list,.ccp_four_item_list{width:100%}.ccp_three_item_list .ccpoil_product,.ccp_four_item_list .ccpoil_product{position:relative;float:left;margin-left:30px;height:138px;border:1px solid #E0E0E0;border-radius:2px;cursor:pointer}.ccp_three_item_list .ccpoil_product .ccpoil_product_name,.ccp_four_item_list .ccpoil_product .ccpoil_product_name{position:absolute;top:12px;left:0;padding:0 10px;width:100%;height:28px;line-height:28px;text-align:center;font-size:20px;font-weight:bold;color:#6B6B6B;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_three_item_list .ccpoil_product .ccpoil_price,.ccp_four_item_list .ccpoil_product .ccpoil_price{position:absolute;top:46px;width:100%;height:40px;line-height:40px;text-align:center}.ccp_three_item_list .ccpoil_product .ccpoil_currency,.ccp_three_item_list .ccpoil_product .ccpoil_final_price,.ccp_three_item_list .ccpoil_product .ccpoil_origin_price,.ccp_four_item_list .ccpoil_product .ccpoil_currency,.ccp_four_item_list .ccpoil_product .ccpoil_final_price,.ccp_four_item_list .ccpoil_product .ccpoil_origin_price{display:inline-block;vertical-align:bottom;font-weight:lighter}.ccp_three_item_list .ccpoil_product .ccpoil_currency,.ccp_four_item_list .ccpoil_product .ccpoil_currency{margin-bottom:0;margin-left:-3px;font-size:16px;line-height:23px;color:#896623}.ccp_three_item_list .ccpoil_product .ccpoil_final_price,.ccp_four_item_list .ccpoil_product .ccpoil_final_price{margin-left:-3px;font-size:40px;line-height:40px;color:#EBAF5B;font-family:"AkrobatWeb";letter-spacing:0}.ccp_three_item_list .ccpoil_product .ccpoil_origin_price,.ccp_four_item_list .ccpoil_product .ccpoil_origin_price{font-size:16px;line-height:20px;color:#626262;text-decoration:line-through}.ccp_three_item_list .ccpoil_product .ccpoil_marketing,.ccp_four_item_list .ccpoil_product .ccpoil_marketing{position:absolute;display:block;width:100%;top:103px;margin:auto;font-size:14px;line-height:1;text-align:center;color:#000}.ccp_three_item_list .ccpoil_product .ccpoil_color_marketing,.ccp_four_item_list .ccpoil_product .ccpoil_color_marketing{position:absolute;display:block;padding:0 8px;width:100%;height:30px;line-height:30px;font-size:16px;color:#7F6746;text-align:center;background-color:#F9EEDA;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_three_item_list .ccpoil_product .ccpoil_ad,.ccp_four_item_list .ccpoil_product .ccpoil_ad{display:none;position:absolute;display:inline-block;top:-10px;width:46px;height:21px;background-size:cover}.ccp_three_item_list .ccpoil_product .ccpoil_ad_left_top,.ccp_four_item_list .ccpoil_product .ccpoil_ad_left_top{position:absolute;display:inline-block;padding:0 6px;top:-11px;left:0;height:22px;line-height:22px;color:#fff;background:#FF6F3B;border-radius:9px 0 9px 0}.ccp_three_item_list .ccpoil_product.current,.ccp_four_item_list .ccpoil_product.current{background:#FFF7EB;border:1px solid #E8C895}.ccp_three_item_list .ccpoil_product.current .ccpoil_product_name,.ccp_four_item_list .ccpoil_product.current .ccpoil_product_name{color:#5B3301}.ccp_three_item_list .ccpoil_product.current .ccpoil_marketing,.ccp_four_item_list .ccpoil_product.current .ccpoil_marketing{color:#6D4F17}.ccp_three_item_list .ccpoil_product.current .ccpoil_color_marketing,.ccp_four_item_list .ccpoil_product.current .ccpoil_color_marketing{color:#5b3301;background-color:#E6B570;background-image:linear-gradient(to right, #F5D59A 100%, #E6B570 100%)}.ccp_one_product_info{margin-top:12px;padding:0 30px;height:20px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_one_product_info .ccppi_desc_policy,.ccp_one_product_info .ccppi_extro{vertical-align:top;font-size:14px;line-height:20px}.ccp_one_product_info .ccppi_desc_policy{text-decoration:none;color:#4697cc}.ccp_one_product_info .ccppi_name{display:none;font-weight:bold}.ccp_one_product_info .ccppi_info{color:#896623}.ccp_mtone_product_info{margin-top:12px;padding:0 30px;height:20px}.ccp_mtone_product_info .ccppi_desc_policy{text-decoration:none;color:#4697cc}.ccp_mtone_product_info .ccppi_desc_policy,.ccp_mtone_product_info .ccppi_extro{vertical-align:top;font-size:14px;line-height:20px}.ccp_mtone_product_info .ccppi_extro_box{display:inline-block;width:675px;height:20px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_mtone_product_info .ccppi_name{display:none;font-weight:bold}.ccp_mtone_product_info .ccppi_info{vertical-align:top;color:#896623}.ccp_mtone_product_info .ccppi_more_item_icon,.ccp_mtone_product_info .ccppi_more_item_btn{float:right;display:inline-block;vertical-align:top}.ccp_mtone_product_info .ccppi_more_item_icon_up,.ccp_mtone_product_info .ccppi_more_item_icon_down{width:10px;height:10px;border-top:2px solid #858585;border-left:2px solid #858585;border-right:0;border-bottom:0}.ccp_mtone_product_info .ccppi_more_item_icon_up{margin-top:7px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);cursor:pointer}.ccp_mtone_product_info .ccppi_more_item_icon_down{margin-top:2px;transform:rotate(223deg);-webkit-transform:rotate(223deg);-moz-transform:rotate(223deg);-o-transform:rotate(223deg);-ms-transform:rotate(223deg);cursor:pointer}.ccp_mtone_product_info .ccppi_more_item_btn{margin-left:10px;cursor:pointer;line-height:20px}.cc_pay_title{margin-top:5px;padding-left:30px;height:20px;line-height:20px;font-size:18px;color:#000000}.cc_pay_ways{margin:7px auto 0;width:760px;height:235px;border:1px solid #E7E7E7;overflow:hidden}#ccpw_navs{float:left;width:133px;height:235px;background:#EEEFF3}#ccpw_navs .ccpw_nav_item{padding-left:57px;height:51px;line-height:51px;background-position:29px 15px;background-repeat:no-repeat;background-size:20px 20px;color:#555;font-size:12px;cursor:pointer}#ccpw_navs .ccpw_nav_item.current{background-color:#fff}#ccpw_form{position:relative;height:235px;overflow:hidden}.ccpwf_qrcode_bg{position:absolute;top:31px;left:122px;width:150px;height:150px;background:url("https://img.alicdn.com/tfs/TB1TIYpbsLJ8KJjy0FnXXcFDpXa-150-150.png") 50% no-repeat;cursor:pointer}.ccpwf_qrcode{position:absolute;top:11px;left:11px;width:128px;height:128px;background:#dcdcdc;cursor:pointer}.ccpwf_alipay_weixin{position:absolute;top:190px;left:122px;padding-left:56px;height:26px;line-height:26px;font-size:12px;color:#999;background-position:6px 3px;background-repeat:no-repeat;background-image:url()}.ccpwf_price{position:absolute;top:68px;left:280px;height:22px}.ccpwf_price .ccpwfp_label,.ccpwf_price .ccpwfp_final_prize,.ccpwf_price .ccpwfp_origin_price{display:inline-block;vertical-align:bottom;line-height:1}.ccpwf_price .ccpwfp_final_prize{font-size:36px;color:#FF6700}.ccpwf_price .ccpwfp_label{font-size:16px;color:#333333}.ccpwf_price .ccpwfp_origin_price{margin-left:10px;font-size:16px;color:#999}.ccpwf_discount{position:absolute;top:110px;left:280px;height:20px;width:75px;line-height:20px;font-size:14px;color:#9A7E2D;background-position:right 2px;background-repeat:no-repeat;background-image:url()}.ccpwf_discount_info{position:absolute;display:block;padding:5px 10px 5px;top:138px;left:280px;width:304px;max-height:80px;background:#EDD797;border-radius:3px;overflow:auto}.ccpwf_discount_info .ccpwfdi_line{display:block;height:30px;line-height:30px;font-size:14px;color:#000000}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_name,.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_discount{width:152px}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_name{text-align:left}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_discount{text-align:right}.ccpwf_discount_info:before{content:"";position:absolute;top:-0.5em;left:5em;padding:0.6em;background-color:inherit;border:inherit;border-right:0;border-bottom:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}.ccpwf_phone_left,.ccpwf_phone_right{display:inline-block;margin:0;height:233px;box-sizing:border-box;vertical-align:top}.ccpwf_phone_left{padding-left:50px;padding-top:42px;width:345px}.ccpwfpl_phone,.ccpwfpl_vcode{height:35px;line-height:33px;padding-left:20px;font-size:16px;border:1px solid #e2e2e2;box-sizing:border-box}.ccpwfpl_send_code,.ccpwfpl_submit,.ccpwfpl_phone:focus,.ccpwfpl_vcode:focus{outline:none !important}.ccpwfpl_phone{width:300px;border-radius:2px}.ccpwfpl_vcode_line{margin-top:16px;margin-bottom:16px;width:300px;height:35px}.ccpwfpl_vcode,.ccpwfpl_send_code{display:inline-block;margin:0;vertical-align:top;box-sizing:border-box}.ccpwfpl_vcode{width:180px;border-top-left-radius:2px;border-bottom-left-radius:2px}.ccpwfpl_send_code{margin-left:-5px;padding:0;width:119px;height:35px;line-height:33px;font-size:16px;color:#fff;text-align:center;background-color:#ff6600;border:1px solid #ff6600;border-top-right-radius:2px;border-bottom-right-radius:2px;cursor:pointer}.ccpwfpl_send_code_iku{width:117px !important}.ccpwfpl_submit:disabled,.ccpwfpl_send_code:disabled{background:#e2e2e2;color:#333333;border:1px solid #e2e2e2}.ccpwfpl_submit{width:300px;height:35px;line-height:35px;font-size:16px;color:#fff;text-align:center;background:linear-gradient(45deg, #ff9530, #f60);border-radius:2px;border:none;outline:none;cursor:pointer}.ccpwfpl_err_hint{margin-top:10px;color:#D94B42;font-size:14px;line-height:18px}.ccpwf_phone_right{padding-left:24px;padding-top:13px;width:272px}.ccpwf_phone_right p{width:240px;line-height:30px;font-size:14px}.ccpwf_iap_hint{position:absolute;top:120px;left:70px;width:200px;min-height:28px;line-height:28px;font-size:16px;color:red;text-align:center;background-position:6px 3px}.ccpwf_iap_btn{position:absolute;left:90px;top:73px;width:160px;height:40px;line-height:40px;border-radius:20px;background:#007aff;color:#fff;font-size:18px;text-align:center;cursor:pointer}.ccpwf_iap_loading{position:absolute;display:none;left:140px;top:50px;font-size:10px;width:60px;height:60px;border-radius:50%;background:#CCA558;background:-moz-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-webkit-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-o-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-ms-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:linear-gradient(to right, #CCA558 10%, rgba(255,255,255,0) 52%);position:relative;-webkit-animation:load3 1.2s infinite linear;animation:load3 1.2s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ccpwf_iap_loading::before{width:50%;height:50%;background:#CCA558;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}.ccpwf_iap_loading::after{background:#fff;width:65%;height:65%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#cc_protocols{padding-right:30px;height:45px;text-align:right}#cc_protocols .ccp_item{display:inline-block;margin-top:14px;margin-left:10px;vertical-align:top;font-size:12px;color:#999}#ccp_success{width:820px;height:640px}.ccs_user_icon{display:block;margin:95px auto 0;width:110px;height:110px;border-radius:50%}.ccs_vip_type{margin-top:60px;text-align:center;font-size:24px;color:#333333}.ccs_exptime{margin-top:30px;text-align:center;font-size:18px;color:#999999}.ccs_btns{margin-top:60px;height:50px;text-align:center}.ccs_btns .ccs_libary,.ccs_btns .ccs_rights,.ccs_btns .ccs_back_watching{display:inline-block;margin-right:30px;padding:0 20px;height:50px;line-height:50px;border-radius:25px;font-size:20px;background-color:#ffffff;color:#c1a161;border:1px solid #c1a161}.ccs_btns .ccs_back_watching{margin-right:0;padding:0 40px;cursor:pointer}
</style>
 </head> 
 <body class="mpblack" data-spm="12366999"> 
  <div id="app">
   <section class="layout___3prAL ant-layout">
    <div id="youkuheader">
     <div class="g-header_3AdmO white_19Dnq">
     	{{template "header.html" .}} 
	</div>
    </div>
    <main class="antLayoutContent___1AmIG ant-layout-content">
     <section class="layout___3prAL ant-layout ant-layout-has-sider">
      <aside class="ant-layout-sider ant-layout-sider-light" style="border-radius: 2px; overflow: hidden; height: fit-content; flex: 0 0 195px; max-width: 195px; min-width: 195px; width: 195px;">
       <div class="ant-layout-sider-children">
        <ul parentkey="1" class="ant-menu menu menu_publish ant-menu-light ant-menu-root ant-menu-inline" role="menu">
         <li class="ant-menu-item" role="menuitem" style="padding-left: 24px;"><a href="/upload">
           <div class="itemGroup___3ePmF">
            <i class="itemIcon___2cQUR itemIconUpload"></i>
            <span class="itemTxt___1hWZD">发布视频</span>
           </div></a></li>
        </ul>
        <ul parentkey="1" class="ant-menu menu menuNormal ant-menu-light ant-menu-root ant-menu-inline" role="menu">
         <li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected" role="menuitem">
          <div class="ant-menu-submenu-title" aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" style="padding-left: 24px;">
           <div class="itemGroup___3ePmF">
            <i class="itemIcon___2cQUR itemIconManage"></i>
            <span class="itemTxt___1hWZD">内容管理</span>
           </div>
           <i class="ant-menu-submenu-arrow"></i>
          </div>
          <ul id="sub1$Menu" class="ant-menu ant-menu-sub ant-menu-inline" role="menu">
           <li class="ant-menu-item ant-menu-item-selected" role="menuitem" style="padding-left: 48px;"><a href="/ucenter/video">
             <div class="itemGroup___3ePmF">
              <span class="itemTxt___1hWZD">视频管理</span>
             </div></a></li>
           <li class="ant-menu-item" role="menuitem" style="padding-left: 48px;"><a href="#">
             <div class="itemGroup___3ePmF">
              <span class="itemTxt___1hWZD">播单管理</span>
             </div></a></li>
           <li class="ant-menu-item" role="menuitem" style="padding-left: 48px;"><a href="#">
             <div class="itemGroup___3ePmF">
              <span class="itemTxt___1hWZD">约稿管理</span>
             </div></a></li>
          </ul></li>
          </ul>
       </div>
      </aside>
      <main class="newMainContent ant-layout-content" data-spm-anchor-id="a2h9p.12366999.0.i1">
       <div class="newpage___1JNpz">
        <div class="ant-tabs ant-tabs-top ant-tabs-line">
         <div role="tablist" class="ant-tabs-bar ant-tabs-top-bar" tabindex="0">
          <div class="ant-tabs-nav-container">
           
           <div class="ant-tabs-nav-wrap">
            <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
              <div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
                视频管理
               </div>
               
              </div>
              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px, 0px, 0px); width: 94px;"></div>
             </div>
            </div>
           </div>
          </div>
         </div>
         <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
         <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
          <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
           <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
           <div class="ant-spin-nested-loading">
            <div class="ant-spin-container">
			
			
			
             <!--div class="base___4v8rh">
              <div class="ant-radio-group ant-radio-group-outline ant-radio-group-large">
               <label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="all" /><span class="ant-radio-button-inner"></span></span><span>全部</span></label>
               <label class="ant-radio-button-wrapper"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="published" checked="" /><span class="ant-radio-button-inner"></span></span><span>已发布</span></label>
               <label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="checking" /><span class="ant-radio-button-inner"></span></span><span>审核中</span></label>
               <label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="fail" /><span class="ant-radio-button-inner"></span></span><span>发布失败</span></label>
              </div>
              <div class="baseRight___1hRcM">
               <div class="baseRightPermission___3kt1C ant-select ant-select-enabled" style="width: 150px;">
                <div class="ant-select-selection
            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="20718175-760c-4c91-f2ae-18efb21a2731" aria-expanded="false" tabindex="0">
                 <div class="ant-select-selection__rendered">
                  <div class="ant-select-selection-selected-value" title="全部" style="display: block; opacity: 1;">
                   全部
                  </div>
                 </div>
                 <span class="ant-select-arrow" unselectable="on" style="user-select: none;"><i aria-label="图标: down" class="anticon anticon-down ant-select-arrow-icon">
                   <svg viewbox="64 64 896 896" focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                    <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
                   </svg></i></span>
                </div>
               </div>
               <span class="baseRightBulkOpt___1Ob47">批量删除</span>
              </div>
             </div-->
             
			
			<div id="video_data_div">
              
			</div>
            </div>
           </div>
           <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
          </div>
          <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
         </div>
         <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
        </div>
        <span class="ant-input-search search___3Z7ap ant-input-affix-wrapper" style="width: 200px;"><input placeholder="请输入视频名称" class="ant-input" type="text" value="" /><span class="ant-input-suffix"><i aria-label="图标: search" tabindex="-1" class="anticon anticon-search ant-input-search-icon">
           <svg viewbox="64 64 896 896" focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true">
            <path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path>
           </svg></i></span></span>
       </div>
      </main>
     </section>
    </main>
    <div id="youkufooter">
	{{template "foot.html" .}}
     </div>
   </section>
  </div> 
  <link type="text/css" rel="stylesheet" href="/static/index/css/ucenter_index.css" /> 
  <link href="/static/index/css/ucenter_index_4.css" type="text/css" rel="stylesheet" /> 
  <script src='/static/index/js/foot.js' type='text/javascript'></script>
 </body>
</html>
<script>
//判断登录状态是否存在
$(function(){
    var uid = localStorage.getItem("uid");
	if(!uid){
		location.href = '/';
	}
	
	$.ajax({
    url: '/my/video',
    data: {
          uid: uid,
    },
    type: 'post',
    async: false,
    dataType: 'json',
    success: function(response) {
      console.log(response);
      if (response.code == 0) {
      $.each(response.items,function(i,j){
        var img1 = "/static/index/img/20200327172206.jpg";
        if(j.Img != ''){
          img1 = j.Img
        }

        $("#video_data_div").append('<div class="item___Y3sR8"><div class="itemLeft___2p6bb"><div class="itemImg___m9iFv"><img src="'+img1+'" /><div class="imgMask___3h0EH"></div><!--span class="duration___3e1YA">00:26:32</span><span class="quality___1XSwy">高清</span--></div><div class="itemVideo___ET27V"><div class="itemVideoTop___16bLM"><p class="name___5XoLO">'+j.Title+'</p><div class="subcon___3ArEA"><span class="createtime___39e-j">'+j.AddTime+'</span><span class="permission___3Vr63">完全公开</span></div></div><div class="itemVideoBottom___1ekYt"><div class="itemCount___2dtbL"><div class="itemCountItem___2KjjK itemStatus___3t4GI">已发布</div><div class="itemCountItem___2KjjK itemPlay___IJsks"><span>热度&nbsp;0</span></div></div></div></div></div><div class="itemOptCon___3PIuy"><a href="/show?id='+j.Id+'"><button type="button" class="ant-btn itemOpt___Etbj8"><span>查 看</span></button></a><a href="/new/editvideo?id=1094229361&amp;vid=XNDM3NjkxNzQ0NA==&amp;vertical=0"><button type="button" class="ant-btn itemOpt___Etbj8"><span>编 辑</span></button></a><button type="button" class="ant-btn itemOpt___Etbj8"><span>删 除</span></button></div></div>');
      })
    }
  }
  });
});
</script>